<!--

    Copyright (c) 2012, Mayocat <hello@mayocat.org>

    This Source Code Form is subject to the terms of the Mozilla Public
    License, v. 2.0. If a copy of the MPL was not distributed with this
    file, You can obtain one at http://mozilla.org/MPL/2.0/.

-->
<div id="list" ng-controller="SettingsMenuController">

    <div class="header">
        <h2>{{'settings.title.sections' | translate}}</h2>
    </div>

    <ul class="list menu">
        <li ng-class="{'active': isGeneral}">
            <div>
                <div class="droptarget">
                    <div><a ng-click="setRoute('/settings/')">{{'settings.misc.general' | translate}}</a></div>
                </div>
            </div>
        </li>
        <li ng-class="{'active': isTenant}">
            <div>
                <div class="droptarget">
                    <div><a ng-click="setRoute('/settings/tenant')">{{'settings.misc.shop' | translate}}</a></div>
                </div>
            </div>
        </li>
        <li ng-class="{'active': isCatalog}">
            <div>
                <div class="droptarget">
                    <div><a ng-click="setRoute('/settings/catalog')">{{'settings.misc.catalog' | translate}}</a></div>
                </div>
            </div>
        </li>
        <li ng-class="{'active': isShipping}">
            <div>
                <div class="droptarget">
                    <div>
                        <a ng-click="setRoute('/settings/shipping')">
                            {{'settings.misc.shipping' | translate}}
                        </a>
                    </div>
                </div>
            </div>
        </li>
        <li ng-class="{'active': isInvoicing}">
            <div>
                <div class="droptarget">
                    <div>
                        <a ng-click="setRoute('/settings/invoicing')">
                            {{'settings.invoicing.menuEntry' | translate}}
                        </a>
                    </div>
                </div>
            </div>
        </li>
        <!-- Hidden until UI is finished
        <li ng-class="{'active': isTaxes}">
            <div>
                <div class="droptarget">
                    <div>
                        <a ng-click="setRoute('/settings/taxes')">
                            {{'settings.taxes.menuEntry' | translate}}
                        </a>
                    </div>
                </div>
            </div>
        </li> -->

        <!-- Hidden
        <li ng-class="{'active': isWebhooks}">
            <div>
                <div class="droptarget">
                    <div>
                        <a ng-click="setRoute('/settings/webhooks')">
                            {{'settings.misc.webhooks' | translate}}
                        </a>
                    </div>
                </div>
            </div>
        </li>-->
    </ul>

</div>